
<div class="row marl heading_create">
  <div class="heading col-md-2">Contacts</div>
  <div class="col-md-7">
    <div class="row marl search-row">
      <div class="form-group col-md-8 col-sm-8">
        <div class="input-group">
          <div class="input-group-btn left-dropdown">
            <button type="button" class="btn dropdown-toggle filters-button btn-default" title="Filter" data-toggle="dropdown" tabindex="-1" aria-expanded="false">
            <span class="filters-label">All</span>
            <span class="caret"></span>
            </button>
            <ul class="dropdown-menu pull-left filter-menu">
              <li>
                <a class="preset" tabindex="-1" href="javascript:" data-name="" data-action="selectPreset">
                  <span class="glyphicon glyphicon-ok pull-right"></span>
                  <div>All</div>
                </a>
              </li>
              <li>
                <a class="preset" tabindex="-1" href="javascript:" data-name="portalUsers" data-action="selectPreset">
                  <div>Portal Users</div>
                </a>
              </li>
              <li class="divider preset-control hidden"></li>
              <li class="preset-control remove-preset hidden"><a tabindex="-1" href="#" data-action="removePreset">Remove Filter</a></li>
              <li class="preset-control save-preset hidden"><a tabindex="-1" href="#" data-action="savePreset">Save Filter</a></li>
              <li class="divider"></li>
              <li class="checkbox"><label><input type="checkbox" data-role="boolFilterCheckbox" name="onlyMy">
                &nbsp;&nbsp;Only My</label>
              </li>
              <li class="checkbox"><label><input type="checkbox" data-role="boolFilterCheckbox" name="followed"> &nbsp;&nbsp;Followed</label></li>
            </ul>
          </div>
          <input type="text" class="form-control text-filter" name="textFilter" value="" tabindex="1">
          <div class="input-group-btn">
            <button type="button" class="btn btn-primary search btn-icon" data-action="search">
            <span class="glyphicon glyphicon-search"></span>
            </button>
          </div>
        </div>
      </div>
      <div class="form-group col-md-4 col-sm-4">
        <div class="btn-group">
          <button type="button" class="btn btn-default extra_option_btn" data-action="reset">
          <span class="glyphicon glyphicon-repeat"></span>&nbsp;Reset
          </button>
          <button type="button" class="btn btn-default dropdown-toggle extra_option_btn add-filter-button" data-toggle="dropdown" tabindex="-1">
          Add Field <span class="caret"></span>
          </button>
          <ul class="dropdown-menu pull-right filter-list">
            <li data-name="account" class=""><a href="#" class="add-filter" data-action="addFilter" data-name="account">Account</a></li>
            <li data-name="address" class=""><a href="#" class="add-filter" data-action="addFilter" data-name="address">Address</a></li>
            <li data-name="assignedUser" class=""><a href="#" class="add-filter" data-action="addFilter" data-name="assignedUser">Assigned User</a></li>
            <li data-name="createdAt" class=""><a href="#" class="add-filter" data-action="addFilter" data-name="createdAt">Created At</a></li>
            <li data-name="emailAddress" class=""><a href="#" class="add-filter" data-action="addFilter" data-name="emailAddress">Email</a></li>
            <li data-name="phoneNumber" class=""><a href="#" class="add-filter" data-action="addFilter" data-name="phoneNumber">Phone</a></li>
            <li data-name="title" class=""><a href="#" class="add-filter" data-action="addFilter" data-name="title">Title</a></li>
            <li data-name="targetLists" class=""><a href="#" class="add-filter" data-action="addFilter" data-name="targetLists">Target Lists</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="create_new col-md-3 text-right">
    {% block addnew %}{% endblock %}
  </div>
</div>


<div class="filter_row row marl">
  <div class="col-md-12">
    <div class="panel panel-default">
      <div class="panel-heading">
        filters
      </div>
      <div class="panel-content">
        <div class="filter_col col-md-3">
          <div class="form-group">
            <label for="exampleInputEmail1">Account</label>
            <input type="text" class="form-control" placeholder="Account">
          </div>
        </div>
        <div class="filter_col col-md-3">
          <div class="form-group">
            <label for="exampleInputEmail1">Created</label>
            <input type="text" class="form-control" placeholder="Created">
          </div>
        </div>
        <div class="filter_col col-md-3">
          <div class="form-group">
            <label for="exampleInputEmail1">Phone</label>
            <input type="text" class="form-control" placeholder="Phone">
          </div>
        </div>
        <div class="filter_col col-md-3">
          <div class="form-group">
            <label for="exampleInputEmail1">Assigned User</label>
            <select class="form-control">
              <option>1</option>
            </select>
          </div>
        </div>
        <div class="filter_col col-md-3">
          <div class="form-group">
            <label for="exampleInputEmail1">Email</label>
            <input type="text" class="form-control" placeholder="Email">
          </div>
        </div>
        <div class="filter_col col-md-3">
          <div class="form-group">
            <label for="exampleInputEmail1">Assigned User</label>
            <label for="exampleInputEmail1">Teams</label>
            <select class="form-control">
              <option>1</option>
            </select>
          </div>
        </div>
        <div class="filter_col col-md-3">
          <div class="form-group">
            <label for="exampleInputEmail1">Title</label>
            <label for="exampleInputEmail1">Teams</label>
            <select class="form-control">
              <option>1</option>
            </select>
          </div>
        </div>
        <br clear="all">
      </div>
    </div>
  </div>
</div>
</div>

<div class="table_container_row row marl">
  <div class="col-md-12">
    <div class="panel panel-default">
      <div class="panel-heading">
        <div class="dropdown">
          <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Actions
          <span class="caret"></span></button>
          <ul class="dropdown-menu">
            <li><a href="#">Edit</a></li>
            <li><a href="#">Delete</a></li>
          </ul>
        </div>
        <span class="pull-right total_count">{% block eventcount %}{% endblock %}</span>
      </div>
      <div class="panel-content" name="ListDate">
        {% block eventslist %}{% endblock %}
      </div>
    </div>
  </div>
  <br clear="all">
</div>
</div>

<script src="{% static 'js/setstatus.js' %}"></script>